.commonTable{
    .el-card__body{
        padding: 20px 0px 0px 0px;
        .btn-crud {
            display: flex;
            background-color: rgb(10, 32, 62);
            .toolBarClass{
                height: 100%;
                .layoutContainer{
                    .resizableRow{
                        padding: 0px 0px 12px 0px;
                        .el-button{
                            background-color: rgb(10, 32, 62);
                            border: 1px solid rgb(14, 64, 92);
                            color: rgb(14, 64, 92);
                            margin-left: 10px;
                            margin-top: 12px;
                        }
                        .el-button:hover{
                            background-color: rgb(13, 60, 92);
                            border-color: rgb(3, 82, 176);
                            color: #ffffff;
                        }
                    }
                }
            }
            .screen_item {
                margin-left: auto;
                min-width: 340px;
                min-height: 32px;
                .screen_item_arrow {
                    margin-right: 10px;
                }
                .screen_item_arrow .el-button {
                    margin-left: 1px;
                }
                .screen_item_input {
                    width: 180px;
                }
                .el-tag .el-icon-close {
                    font-size: 12px;
                }
                
                .el-select .el-input {
                    width: auto;
                }
                
                .el-select {
                    width: auto !important;
                }
                .el-button--primary {
                    width: 30px;
                    height: 24px;
                    line-height: 3px;
                    background: rgb(25, 54, 109);
                    border: none;
                }
                
                .el-button--primary:focus {
                    background: var(--theme_color);
                }
                .el-select__tags{
                    .el-tag--mini{
                        background-color: rgb(10, 32, 62);
                        border-color: rgb(10, 32, 62);
                    }
                }
                
                .el-input--small .el-input__inner {
                    height: 24px;
                    width: 185px;
                    background-color: rgb(10, 32, 62);
                    border-color:rgb(15, 55, 105);
                }

                .el-select-dropdown{
                    background-color: rgb(10, 32, 62);
                    border: 1px solid rgb(15, 55, 105);
                    .el-select-dropdown__item{
						padding: 0px !important;
                        background-color: rgb(10, 32, 62);
                    }
                    .el-select-dropdown__item:hover{
                        background-color: rgb(197, 199, 201);
                    }
                }
                
                .el-input--small .el-input__icon {
                    line-height: 24px;
                }
                
                .el-icon-d-arrow-left:before,
                .el-icon-arrow-left:before,
                .el-icon-arrow-right:before,
                .el-icon-d-arrow-right:before {
                    color: rgb(4, 207, 229)
                }
            }
        }
        .el-table{
            .el-table__header-wrapper{
                background-color: rgb(10, 32, 62);
                .el-table__header{
                    tr{
                        .el-table__cell{
                            background-color: rgb(10, 32, 62) !important;
                            border-bottom: dashed 1px #2C3F59;
                            color:#07DCFF !important;
                            font-size: 16px;
                            font-family: Source Han Sans CN;
                            font-weight: 400;
                        }
                    }
                }
            }
            .el-table__body-wrapper{
                background-color: rgb(10, 32, 62);
                .el-table__body{
                    tr{
                        .el-table__cell{
                            background-color: rgb(10, 32, 62) !important;
                            border-bottom: dashed 1px #2C3F59;
                            color:#ffffff !important;
                        }
                    }
                    tr:hover>td {
                        background-color:#052547 !important;
                    }
                }
            }

            .el-checkbox__inner{
                border: 1px solid rgb(14, 64, 92);
                background-color: rgb(10, 32, 62) !important;
            }

            /* 修改滚动条滑块颜色 */
            ::-webkit-scrollbar-thumb {
                background: rgb(20, 230, 255) !important;
                border-radius: 4px !important;
            }
            /* 修改滚动条滑块悬停时的颜色 */
            ::-webkit-scrollbar-thumb:hover {
                background-color: rgb(20, 230, 255) !important;
            }
            /* 修改滚动条轨道背景色 */
            ::-webkit-scrollbar-track {
                background-color: rgb(10, 24, 46) !important;
                border:1px solid rgb(20, 230, 255) !important;
            }
        }
        /* .el-table, .el-table__expanded-cell {
            background-color: transparent!important;
        } */
        /* .el-table .el-table__cell{ */
            /* padding:5px 0 !important; */
        /* } */
        /* .el-table th, .el-table tr {
            border: 0!important;
            color:#07DCFF !important;
        } */
        /* .el-table tr{
            background-color: rgb(10, 32, 62) !important;
        } */
        /* .el-table tr:hover{
            color:#07DCFF !important;
        } */
        /* .el-table tbody tr:hover>td {
            background-color:#052547 !important;
        } */
        /* .el-table__body-wrapper{
            background-color: rgb(10, 32, 62);
        } */
        /* .el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{
            background-color:#052547 !important;
        } */
        /* .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
            border-bottom: dashed 1px #2C3F59;
            background-color: rgb(10, 32, 62);
        } */
        /* .el-table::before{
            height:0;
        } */
        .el-pagination {
            display: flex;
            justify-content: flex-end;
            padding: 20px 30px 0px 30px;
            background-color: rgb(10, 32, 62);
            .el-pagination__total{
                color: #00D5FF;
            }
            .el-pagination__jump{
                color: #00D5FF;
                .el-input__inner{
                    background: #19366D !important;
                    border: 1px solid #19366D;
                    color: #00D5FF;
                }
            }
            .el-pagination__sizes{
                .el-select{
                    .el-input{
                        .el-input__inner{
                            color: #00D5FF;
                            background: #19366D !important;
                            border: 1px solid #19366D;
                        }
                    }
                }
            }
            .el-pager{
                li:hover{
                    background: #FFF
                }
                li{
                    background: #19366D;
                    color: #00D5FF;
                }
                .el-icon-more{
                    background: #19366D !important;
                    color: #00D5FF;
                }
            }
            .btn-prev{
                color: #00D5FF;
                background: #19366D !important;
            }
            .btn-next{
                color: #00D5FF;
                background: #19366D !important;
            }
            
        }
        /* .el-pagination .el-select .el-input .el-input__inner{
            color: #00D5FF;
            background: #19366D !important;
        } */
        /* .el-pagination__total,.el-pagination__jump{
            color: #00D5FF;
        } */
        /* .el-pagination__jump .el-input__inner,.el-pagination .btn-prev,.el-pagination .btn-next{
            color: #00D5FF;
            background: #19366D !important;
        } */
        /* .el-pager li{
            color:#fff;
            background: #19366D;
        } */
            /* // 隐藏全选框 */
        .disableSelectionAll > .cell {
            display: none !important;
        }
        .el-table .el-table__cell {
            padding: 8px 0 !important;
            .el-radio__label {
                display: none;
            }
        }
        
        .el-select-dropdown
        .el-scrollbar
        .el-scrollbar__view
        .el-select-dropdown__item {
            padding: 0 20px !important;
        }
            /* //操作按钮 */
        .el-button--mini {
            padding: 4px 10px;
            font-size: 14px;
            font-weight: 400;
        }
        .el-table th .el-checkbox__input.is-checked .el-checkbox__inner {
            background-color: var(--theme_color);
            border-color: #c2cad8;
        }
        .moreButton {
            padding: 0px;
            height: 24px;
            width: 60px;
            margin: 0px 0px 0px 10px;
            .buttonLabel {
                display: inline-block;
                height: 23px;
                width: 35px;
                line-height: 23px;
                border-right: 1px solid #409EFF;
            }
        }
        
        .long_title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}
/**界面分页下拉框选择界面个数样式*/
.commonTablePagination{
    background-color: rgb(10, 32, 62);
    border: 1px solid rgb(15, 55, 105);
    .el-select-dropdown__item:hover{
        background-color: rgb(21, 24, 27);
    }
    .el-select-dropdown__item.hover{
        background-color: rgb(26 64 103);
    }
}
